<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".dl").css("background", "bisque");
				$(".dl:odd").css("font-size", "36px");
				$("#a1 .dl").css("color", "blueviolet");
				var bt=document.getElementById("bt");
				bt.style.color="red";
				$(bt).css("font-size","96px");//DOM对象转jQuery对象
				var $bt=$("#bt");
				$bt.css("color","brown");
				
				$bt[0].style.color="#369";//jQuery对象转DOM对象
			});
		</script>
		<h1 id="bt">标题</h1>
		<div id="a1">
			<p class="dl">分行贷款1</p>
			<p class="dl">分行贷款2</p>
			<p class="dl">分行贷款3</p>
			<p class="dl">分行贷款4</p>
			<p class="dl">分行贷款5</p>
		</div>
		<p class="dl">分行贷款6</p>
		<p class="dl">分行贷款7</p>

	</body>

</html>